/******************************************************************************************************************/
/******** RESET STYLESHEET ****************************************************************************************/
/******************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-weight: inherit; font-style:inherit;text-align:left;}
body {font:13px/17px Helvetica, sans-serif;} 

:focus {outline: 0;}

input[type=text], textarea {font:11px/13px Helvetica, sans-serif; padding:3px; border:1px solid #999;}
select {font:11px/13px Helvetica, sans-serif; height:23px; border:1px solid #999;}

ul, ol {list-style:none;}
caption {text-align:left;font-weight:normal;}
em {font-style:italic;}
strong {font-weight:bold;}
sup {font-size:0.7em;vertical-align:top;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

/* remove borders from linked images */
a img {border:none;}

/* tables still need cellspacing to match in the markup */
table {border-collapse:separate;}
th, td {text-align:left;font-weight:normal;vertical-align:top;}


/******************************************************************************************************************/
/**************************************** * GLOBAL PREDICTABLE ELEMENTS * *****************************************/
/******************************************************************************************************************/

body {background-color:#DBD8D3; color:#898989;} 
h1 {padding:10px 0 0; font-size:1.5em; line-height:1.5em;}
p {padding:10px 0;}
a {color:#898989;}
a:hover {color:#000; text-decoration:underline;}

.border_row {width:100%; float:left; padding:0 0 5px 0; margin:0 0 18px 0; border-bottom:1px solid #7d7d7d;}
.bullets {list-style:disc; margin:5px 0 10px 15px;}
.bullets li {margin:0 0 8px 0;}
.footnote {font-size:0.9em;}
.title {font-size:1.1em;}
.center {text-align:center;}

/******************************************************************************************************************/
/****************************************GLOBAL LAYOUT ELEMENTS ***************************************************/
/******************************************************************************************************************/

#wrapper {margin:0 auto; width:950px; background-color:white;}
	#header {float:left; position:relative; width:100%; height:85px; background-color:white;}

	#content {position:relative; float:left; width:100%; min-height:400px; background-color:white;}
		#content .col_left {position:absolute; top:0; left:0; bottom:0; width:194px; min-height:400px; font-size:11px; background:url("http://img.en25.com/Web/PlyGemIndustriesInc/left_nav_bg.gif") repeat-y scroll center bottom #FFFFFF; border-top:1px solid #d8d2cc; overflow-y:scroll;}
			#content .col_left h4 {font-size:14px; font-weight:bold; color:#65B561; margin:10px 5px 10px 10px;}
			#content .col_left ul {list-style-image:url("http://img.en25.com/Web/PlyGemIndustriesInc/left_nav_arrow.gif"); list-style-position:outside; margin-left:23px;}
			#content .col_left li {margin:10px 5px 10px 0px;}

		#content .col_right {float:left; width:736px; font-size:12px; margin-left:194px; padding:10px; color:#000;}
			#content .col_right h1 {font-weight:bold; padding:10px 0px;}
			#content .col_right h4 {font-size:14px; font-weight:bold;}
			#content .col_right h5 {font-size:11px; font-weight:bold;}
			#content .col_right p {padding:0px;}
			#content .col_right ul {list-style-type:disc; list-style-position:outside; margin-left:30px;}
			#content .col_right ol {list-style-type:decimal; list-style-position:outside; margin-left:30px;}
				#content .col_right .picture {display:block; width:300px; margin-top:20px; margin-left:auto; margin-right:auto; border:1px solid #CCC; font-size:10px; text-align:center;}
					#content .col_right .picture img {display:block; margin-left:auto; margin-right:auto; margin-top:3px; margin-bottom:3px; border:1px solid #CCC;}
				#content .col_right .illustration {display:block; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:3px;}
				#content .col_right .screenshot {display:block; margin-top:0; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:3px; border:1px solid #CCC; font-size:10px; text-align:center;}
				#content .col_right .caption {font-size:10px; text-align:center;}
				#content .col_right .new {padding-top:10px;}
				#content .col_right .new20 {padding-top:20px;}
				#content .col_right .data {border-collapse:collapse;}
				#content .col_right .data th, td {font-size:10px; text-align:center;}
				#content .col_right .red_text {color:red;}
				/* Added left_col and right_col below for #2012-11 - two column layout */
				#content .col_right .left_col {float:left; width:580px; vertical-align:top; padding-bottom:15px;}
				#content .col_right .right_col {float:right; width:120px; vertical-align:top; padding:0 16px 15px 0;}

	#footer {float:left; width:100%; min-height:8px; font:11px/17px Helvetica, sans-serif; background:url("http://img.en25.com/Web/PlyGemIndustriesInc/content_bottom.gif") no-repeat scroll center bottom #FFFFFF; border-top:1px solid #d8d2cc;}
		#footer .col_left {float:left; width:210px;}
			#footer .col_left p {float:left; clear:left; line-height:1.4em; width:100%; margin-left:10px;}
		#footer .col_right {float:right; width:610px;}
			#footer .col_right p {float:right;  line-height:1.4em; width:100%; text-align:right; margin-right:10px;} 
				#footer .col_right p span {color:#000;}
		
